﻿@import '~antd/es/style/themes/default.less';

/*此处为了解决样式冲突, 在pro样式的基础上包了一层main, 原始样式从.login开始*/
.main__b__0：：deep  {
  width: 368px;
  margin: 0 auto;
  @media screen and (max-width: @screen-sm) {
    width: 95%;
  }

  .login { 
    display: flex;
    flex-direction: column;
    :global {
      .ant-tabs .ant-tabs-nav {
        margin-bottom: 24px;
        text-align: center;
        border-bottom: 0;
      }
    } 
    .loginBox{
      display: flex;
      width: 80%;
      border-radius: 24px;
      height: 75%;
      margin: 60px auto 0;
      overflow: hidden;
      .left{
        width: 50%;
        background: #fff;
        height: 100%;
        padding: 30px 80px;
        box-sizing: border-box;
        float: left;
        .tit{
          font-size: 28px;
          font-weight: bold;
          color: #000;
          text-align: center;
          margin-bottom: 20px;
        }
      }
      .right{
        width: 50%;
        background: #EDF0F5;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        float: left;
        img{
          width: 90%;
        }
      }
    }
    //.getCaptcha {
    //  display: block;
    //  width: 100%;
    //}
    //
    //.icon {
    //  color: @primary-color;
    //}
    //
    //.other {
    //  margin-top: 24px;
    //  line-height: 22px;
    //  text-align: left;
    //
    //  .icon {
    //    margin-left: 16px;
    //    color: @text-color-secondary;
    //    font-size: 24px;
    //    vertical-align: middle;
    //    cursor: pointer;
    //    transition: color 0.3s;
    //
    //    &:hover {
    //      color: @primary-color;
    //    }
    //  }
    //
    //  .register {
    //    float: right;
    //  }
    //}
    //
    //.prefixIcon {
    //  color: @disabled-color;
    //  font-size: @font-size-base;
    //}
    //
    //.submit {
    //  width: 100%;
    //  margin-top: 24px;
    //}
  }
}